<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 101 Template</title>
    <link rel="stylesheet" href="./css/bootstrap.css" >
    
    <!--[if lt IE 9]>
      <script src="./js/html5shiv.min.js"></script>
    <![endif]-->
  </head>
  <body>
  <ul id="ul01"></ul>
		

		
		
		
		
		
		
</div>








<script src="../js/jquery-1.11.3.js"></script>
		<script src="../js/bootstrap.js"></script>
		<script type="text/javascript" src="https://registry.npmmirror.com/echarts/5.5.1/files/dist/echarts.min.js"></script>
		<script type="text/javascript">
			
			a1()
			
	function a1() {
		var xhr = new XMLHttpRequest(); //创建一个ajax对象
			        xhr.open('GET','http://127.0.0.1:8000/qm',true); //初始化请求
			        xhr.send(); //发送请求
			        xhr.onreadystatechange = function(){ //等待响应
			        if(xhr.readyState == 4 && xhr.status == 200){
			                var data = JSON.parse(xhr.response);
			                console.log(data);
			                var htmlstr="";
			        for (var i=0;i<data.abc.length;i++){
			            htmlstr += 
			            `
						<div>
						<div>${data.abc[i].data}  ${data.abc[i].time}</div>
						<div> ${data.abc[i].time}</div>
						</div>
						`
			        }
			        console.log(htmlstr);
			        ul01.innerHTML = htmlstr;
			            }
			        };
	
	}
	
</script>
  </body>
</html>